<!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <title>个人首页</title>
  <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
  <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
  <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
  <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
  <link rel="stylesheet" type="text/css" href="../../css/style.css" />
  </head>
  <style>
      #app{
        width: 100%;
        background: #f9f9f9;
        /*overflow: hidden;*/
      }
      .header{
        width: 100%;
        height: 9.8rem;
        background-size: 100% 100%;
      }
      .header_img{
        width: 3.9rem;
        height: 3.9rem;
        position: relative;
        bottom: 2.52rem;
        left: 13.22%;
      }
      .content{
        width: 73.6%;
        margin: 0 auto;
        position: relative;
        bottom: 1.74rem;
      }
      .content .name{
        font-size: 0.85rem;
      }
      .content .phone{
        display: flex;
        font-size: 0.65rem;
        color: #666;
        margin-top: 0.35rem;
      }
      .content img{
        width: 0.57rem;
        height: 0.57rem;
        display: block;
        margin-right: 0.18rem;
      }
      .content .complete{
        font-size: 0.6rem;
        background-color: #cecece;
        background-image: #cecece;
        width: 3.15rem;
        height: 1.25rem;
        line-height: 1.25rem;
        text-align: center;
        box-shadow: 0.03rem 0.04rem 0.2rem 0.01rem
      		rgba(47, 130, 146, 0.49);
      	border-radius: 0.6rem;
        color: #fff;
        margin-top: 0.48rem;
      }
      .content .empty{
        display: flex;
        font-size: 0.75rem;
        margin-top: 1.73rem;
        height: 0.9rem;
        line-height: 0.9rem;
        text-align: center;
      }
      .content .empty img{
        width: 0.78rem;
        height: 0.9rem;
      }
  </style>
  <body>
      <div id="app">
          <div class="header" style="background-image: url(../../image/bg.png)"></div>
          <img class="header_img" src="../../image/wd.png" alt="" @click="nextClick('myself2','myself/info','个人信息')">
          <div class="content">
              <div class="name">不啦不啦</div>
              <div class="phone"><img src="../../image/phone.png" alt="">123456789</div>
              <div class="complete">
                {{message}}
              </div>
              <div class="empty" v-for="list in datalist"><img :src='list.img' alt="">{{list.text1}}</div>
          </div>
      </div>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/zepto.js"></script>
  <script type="text/javascript" src="../../script/vue.min.js"></script>
  <script type="text/javascript" src="../../script/aui-tab.js"></script>
  <script type="text/javascript" src="../../script/aui-scroll.js"></script>
  <script type="text/javascript" src="../../script/aui-slide.js"></script>
  <script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
  <script>
      apiready = function(){

      };
      new Vue({
        el:"#app",
        data:{
            message:'完成认证 >',
            datalist:[
              {img:'../../image/wd1.png',text1:'我的订单'},
              {img:'../../image/wd2.png',text1:'我的钱包'},
              {img:'../../image/wd3.png',text1:'我的收藏'},
              {img:'../../image/wd4.png',text1:'邀请好友'},
              {img:'../../image/wd5.png',text1:'我的客服'},
            ]
         },
         methods:{
          //跳转到个人信息
           nextClick:function(name,page,type){
               api.openWin({
                   name: name,
                   url: '../header/info_header.html',
                   pageParam: {
                     name: page,
                     type:type
                   }
               });
           },
         }
      })
  </script>
  </html>
